@charset "utf-8";
/*CSS初始化 */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea,p {margin:0; padding:0;font-style: normal;font-size:12px; font-family:微软雅黑}
ol, ul ,li{list-style: none;}
img {border: 0; vertical-align:middle;}
body{color:#333;text-align:left; background:#f4f4f4; }
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;}
a{color:#0070A3;text-decoration:none;outline: none;star:expression(this.onFocus=this.blur());} 
a:hover{color:#f60;} 
.red ,.red a{ color:#F00;}
.lan ,.lan a{ color:#1E51A2;}
input{outline: none;star:expression(this.onFocus=this.blur());}


.mTop10{ margin-top:10px;}
.mTop20{ margin-top:20px;_margin-top:10px;}
.tcenter{ text-align:center}
.fright{float:right}
.fright a:hover{color:#06c;}
.fleft{float:left}
.tleft{text-align:left}
.tright{ text-align:right}
.displynone{ display:none}
.mL10{ margin-left:10px;}
.mR20{ margin-right:20px;}

/*head*/
.head{height:132px;background:url(../images/headbg.png) no-repeat center center;}
.head .head_in{width:1200px; margin:0 auto;height:132px;}
.head .head_in .downloadtitle{margin-top:24px;width:335px; height:79px; float:left; background:url(../images/downloadtitle.png) no-repeat 0 0;}
.head .head_in .downloadinfo{margin-top:24px;}
.head .head_in .downloadinfo p{ color:#fff; font-size:14px;}
.head .head_in .downloadinfo a.iphone{width:230px;height:61px;float:left; background:url(../images/download.png) no-repeat 0 -380px; text-indent:-99999px;}
.head .head_in .downloadinfo a:hover.iphone{background:url(../images/download.png) no-repeat 0 -575px;}
.head .head_in .downloadinfo a.adriod{width:230px;height:61px;float:left; background:url(../images/download.png) no-repeat 0 0; text-indent:-99999px;}
.head .head_in .downloadinfo a:hover.adriod{background:url(../images/download.png) no-repeat 0 -184px;}
.TableList{_overflow:hidden}
.TableList thead td, .TableList thead, .TableList thead th, .TableList thead {border-bottom: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;font-weight: bold;height:29px!important;padding: 0;text-align: center;}
.TableList td{ height:30px;border-bottom: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9; text-align:center}
.TableList {border: 1px solid #D9D9D9;/*border-collapse: collapse;*/ }
.widget{border:1px solid #dedede; border-radius:3px; margin-top:10px; padding:0}
.widget .widget_title{ font-size:16px; font-weight:bold;height:24px; padding:10px; border-bottom:1px solid #D9D9D9;background:#f5f5f5 url(../images/table_title_bg.png) repeat-x;}
.widget .widget_body{border-bottom: 1px solid #B3B3B3; padding:10px;}

/*Button*/
.large_btn{border:none;color:#fff;cursor:pointer;width:100px;height:30px; line-height:30px;text-align:center; display:inline-block;background:url(../images/largebtn.png) no-repeat left top; margin-left:10px;}
.large_btn:hover{ color:#fff;background:url(../images/largebtn.png) no-repeat left -108px; text-decoration:none}
.mbutton{border:none;color:#333;cursor:pointer;width:80px; height:30px;text-align:center;background:url(../images/mbtn.png) no-repeat 0 0; display:inline-block; line-height:30px;}
.mbutton:hover{background:url(../images/mbtn.png) no-repeat 0 -108px; text-shadow:0px -1px 0px #1a567e; color:#fff}
.buttonlist{_margin-top:10px;_margin-left:10px; margin-bottom:10px;}
.buttonlist .mbutton{_padding-top:6px;}


.mainbox{ margin:10px auto;width:1200px;}
/*search*/
.search{}
.searchList{height:30px; }
.searchList_in{/*width:33%;*/float:left;width:100%;line-height:30px; height:30px;}
.searchList_in .formtext input,.searchList_in select,.searchList_in .Wdate{/*width:60%;*/width:200px;height:25px; line-height:25px;}
.searchList_in .formdata{width:80px; float:left; text-align:right; margin-right:10px;}

/*分页*/
.dataTables_paginate {margin: 5px 0;float: right; margin-top:10px;_margin-right:10px;}
.dataTables_paginate .first,.dataTables_paginate .previous, .dataTables_paginate .next,.dataTables_paginate .paginate_active,.dataTables_paginate .last, .dataTables_paginate .paginate_button {
background-color: #E6E6E6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, #F2F2F2, #E6E6E6);
background-image: -moz-linear-gradient(top, #F2F2F2, #E6E6E6);
background-image: -ms-linear-gradient(top, #F2F2F2, #E6E6E6);
background-image: -o-linear-gradient(top, #F2F2F2, #E6E6E6);
background-image: linear-gradient(top, #F2F2F2, #E6E6E6);
border-left: 1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
padding: 7px 10px; color:#333;_height:35px;_line-height:35px;
}
.dataTables_paginate .first:hover,.dataTables_paginate .previous:hover,.dataTables_paginate .next:hover,.dataTables_paginate .paginate_active:hover, .dataTables_paginate .last:hover,.dataTables_paginate .paginate_button:hover {
background: #F9F9F9;
cursor: pointer;_height:35px;_line-height:35px;
}

.normal{width:60px; height:25px; line-height:25px;color:#fff; display:inline-block; text-shadow:0px -1px 0px #5d943a;background:url(../images/normal.png) no-repeat;}
.overtime{width:60px; height:25px;line-height:25px;color:#fff; display:inline-block; text-shadow:0px -1px 0px #0a8aa8;background:url(../images/overtime.png) no-repeat;}
.belate,.leave_early{width:60px; height:25px;line-height:25px;color:#fff; display:inline-block; text-shadow:0px -1px 0px #ad7a01;background:url(../images/belate.png) no-repeat;}
.missing{width:60px; height:25px;line-height:25px;color:#fff; display:inline-block; text-shadow:0px -1px 0px #dd1616;background:url(../images/missing.png) no-repeat;}
.explanation{ font-weight:bold; background:#FCF8E3; padding:5px; border:1px solid #e1ce68; margin-top:10px;}

/*welcome*/
.welcome{height:120px; margin-top:20px;}
.welcome dt{width:120px;height:120px; float:left; text-align:center; background:url(../images/home.gif) no-repeat right top; }
.welcome dd{ margin-top:10px; height:30px; line-height:30px; margin:0;padding-left:130px;}
.welcome dd em{ font-weight:bold; font-size:20px; font-style:normal; color:#68A541}

        /* drag */
        #drag{position:absolute;top:0;left:0;width:800px;height:600px;background:#e9e9e9;border:1px solid #444;border-radius:5px;box-shadow:0 1px 3px 2px #666;display: none; z-index:9999}
        #drag .title{position:relative;height:27px;margin:5px;}
        #drag .title h2{font-size:14px;height:27px;line-height:24px;border-bottom:1px solid #A1B4B0;}
        #drag .title div{position:absolute;height:19px;top:2px;right:0;}
        #drag .title a{float:left;width:21px;height:19px;display:block;margin-left:5px;background:url(../images/tool.png) no-repeat;}
        #drag .title a.max{background-position:-60px 0;}
        #drag .title a.max:hover{background-position:-60px -29px;}
        #drag .title a.revert{background-position:-149px 0;display:none;}
        #drag .title a.revert:hover{background-position:-149px -29px;}
        #drag .title a.close{background-position:-89px 0;}
        #drag .title a.close:hover{background-position:-89px -29px;}
        #drag .content{overflow:auto;margin:0 5px;}

        #f_container{border: 1px solid #999999;position: absolute;top:50px;left: 10px;z-index: 1000;    }
        #container{width:290px;overflow: hidden;height: 20px;background:#F2F3F5;border: 5px solid #F2F3F5; }
        #container select{border: 1px solid #ccc;}
        .content .btn{width:105px; height: 30px;font-size: 13px; }
		
/*buttonlist*/
.add span,.edit span,.delete span,.enable span,.disable span{width:auto;height:30px; float:left; padding-left:20px; margin-left:15px}
.add span{ background:url(../images/add.png) no-repeat left center;}
.edit span{ background:url(../images/edit.png) no-repeat left center;}
.delete span{ background:url(../images/delete.png) no-repeat left center;}
.enable span{background:url(../images/enable.png) no-repeat left center;}
.disable span{background:url(../images/disable.png) no-repeat left center;}

.seemore{background:url(../images/seemore.png) no-repeat left center; padding-left:20px;}
/* reveal-modal */
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;_background:url(../images/alpha.png) repeat;z-index:100;display:none;top:0;left:0;}
.elastic_layer{height:330px;overflow-y:auto}
.reveal-modal{visibility:hidden;top:200px;left:50%;margin-left:-417px;width:600px;height:100%;background:#fff;position:absolute;z-index:101;
-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);border-radius: 3px;height:326px;overflow:hidden; padding-bottom:47px;}
.reveal-modal .close{position:absolute;top:10px;right:10px;cursor:pointer;background:url(../images/close.gif) no-repeat 0 0;text-indent:-99999px;width:21px;height:26px;} 
.reveal-modal a.close:hover{background:url(../images/close.gif) no-repeat 0 -113px;}
.reveal-modal a.close:active{background:url(../images/close.gif) no-repeat 0 -187px;}
.reveal-modal h2{font-size:14px;color:#333;background:url(../images/table_title_bg.png) repeat-x;height:24px; line-height:24px; font-weight:bold; padding:10px; text-align:left; border-top-left-radius: 3px;border-top-right-radius:3px; border-bottom:1px solid #ccc}
.reveal-modal .tips{text-align:left; padding-left:24px; margin-left:20px; margin-top:10px;background:url(../images/icon1.png) no-repeat left center; margin-bottom:10px;}
.reveal-modal input.inputtext{height:24px;width:210px; border:1px solid #ccc}
.reveal-modal p label{width:60px; text-align:right; float:left}
.reveal-modal p{ margin-left:40px; margin-top:12px;}
.confirmbg{background:url(../images/confirmbg.png) repeat-x; padding:10px; border-bottom-left-radius:3px;border-bottom-right-radius:3px; border-top:1px solid #ccc}
/*签到样式*/
.nowuser{padding:5px;color:#4D4D4D; font-size:24px;height:63px;}
.nowuserin{background:#f7f7f7; border:1px solid #D9D9D9; padding:25px; font-size:14px;}
.nowuser em{font-style:normal; float:left; line-height:63px;}
.singer_r_img {margin: 0 0 0 18px;display: inline;float: left;width:202px;height:63px;overflow: hidden;cursor: pointer;background: url(../images/sing_week.png) no-repeat right 0px }
.singer_r_img:hover {background-position: right -237px;text-decoration: none}
.singer_r_img span {display: block;margin: 10px 0 0 14px;font-size:32px;font-family: 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;color: #2977a2}
.singer_r_img.current {
	background: url(../images/sing_sing.png) no-repeat 0 2px;
	cursor: default
}
.signger-tip {
	padding: 5px 0;
	height: 22px;
	line-height: 22px;
	margin: 10px 0 -5px 0;
	text-align: center;
	background: #F5F5F5
}
.signger-tip b {
	margin: 0 8px;
	font-size: 18px;
	font-style: italic
}
/*wea*/
.wea{margin-top:-15px;}
/*foot*/
#footer {
height: 128px;
width: 100%;
background-color: #444546;
}#footer p {
text-align: center;
margin-bottom: 6px;
color: #808181;
}
.whitebg{ background:#fff; padding:10px; border:1px solid #ccc; padding-top:0}
.captcha{float:left; font-size:14px; margin-left:10px; line-height:62px;}
.captcha input{height:25px;width:60px;}
.captcha img{height:61px;width:150px; margin-left:5px;}